{% extends "_layouts/examples.html" %}
{% block title %}Forms / Help text / Dense{% endblock %}

{% block standalone_css %}patterns_forms{% endblock %}

{% block content %}
<form>
  <label for="exampleTextInputHelp">Email address</label>
  <input class="p-form-validation__input is-dense" type="email" id="exampleTextInputHelp" placeholder="example@canonical.com" name="exampleTextInputHelp" autocomplete="email" aria-describedby="exampleInputHelpMessage"/>
  <p class="p-form-help-text" id="exampleInputHelpMessage">
    A notification email will be sent to entered email address.
  </p>
</form>
{% endblock %}
